@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
ul,li{list-style:none;}
img{border:0px;}
a{text-decoration:none;color:#000;}
body{font-family:"Microsoft YaHei";font-size:12px;color:#000; background:#fff;}

#head_index_bg{width:100%;height:58px; background:#00202d;}
.head_index{width:1000px;margin:0 auto;line-height:56px;}
.head_left{float:left;color:#fff;}
.head_left .a_contact{color:#01a0e4;padding-left:30px;padding-right:6px;}
.head_left .a_index{color:#01a0e4;padding-left:6px;}
.head_left span{color:#d5d6d8;font-weight:bold;}
.head_right{float:right;color:#fff;}
.head_right span{font-family:"Arial";font-size:18px;color:#01a0e4;}
.head_right_tel{float:right;padding-right:6px;padding-top:19px;}

.head_h1{ float: left;display: flex;flex-wrap: wrap;color:#fff; margin-left:25px;}
.head_h1 h1{color:#fff;line-height: 56px;}


#nav{clear:both;width:1000px;height:111px;overflow:hidden;margin:0 auto;}
.logo_index{float:left;width:257px;}
#nav ul{float:left;width:470px;height:111px;line-height:111px;text-align:center;font-size:14px;}
#nav li{float:left;width:94px;height:111px;margin-right:0px;}
.search{ width:204px; height:35px;float:right;margin-top:40px; background:url(search_bg_03.jpg) no-repeat; } /*<!--这是搜索栏背景-->*/ 
.search .input{width:155px;height:25px; line-height:25px; background:#fefefe;margin-left:5px;border:hidden;color:#e1e1e1;padding-left:4px; float:left; margin-top:4px;}
.search .submit{ background:url(search_b.jpg) no-repeat; width:40px; height:35px; float:right;}

#nav a{display:block;float:left;width:94px;height:111px;margin-right:20px;color:#333333;}
#nav a:hover{color:#fff;background:#01a0e4;font-size:14px;}

#banner{clear:both;width:100%;height:400px;margin:0 auto;margin-bottom:45px; background:url(banner_inside.jpg) no-repeat top center;}
.midbg{ 
width:100%; height:533px; position: relative; z-index:1;clear:both}
.iBan { height:533px; overflow:hidden; position:relative;z-index:1;_zoom:1; clear: none;}
.iBanScreen{  height:533px; background-repeat:no-repeat; background-position:center top;
}
.iBanScreen ul{ 
width:100%; height:533px; position:relative; top:0; margin:0 auto;}
.iBanScreen li{ 
width:100%; height:533px; overflow:hidden; position:absolute; display:none;}
.iBanScreen li a{ display:block; width:100%; height:100%}
.iBanScreen .num{ position:absolute; bottom:15px; left:50%; z-index:999; }



#pro_c{clear:both;width:1000px;margin:0 auto;overflow:hidden;margin-bottom:20px;margin-top:35px;}
#pro_c h2{ text-align: center; font-size: 18px; margin-bottom: 25px;}
#pro_c ul{width:1000px;height:36px; background:#f6f6f6;line-height:36px;text-align:center;}
#pro_c li{float:left;width:100px;height:36px;}
#pro_c a{display:block;float:left;width:107px;height:36px;}
#pro_c a:hover{color:#fff;background:url(pro_show_s_08.png) no-repeat;/*font-size:14px;*/}

#pro_show{clear:both;width:1020px;margin:0 auto;overflow:hidden;/*margin-bottom:10px;*/}
#pro_show dl{float:left;width:235px;height:233px;border:1px #c2c2c2 solid;/*margin-right:13px;margin-bottom:14px;*/margin:9px 9px 14px;}
#pro_show dt{width:231px;height:192px;}
#pro_show dd{width:231px;height:41px;font-size:14px;color:#313131;text-align:center;line-height:41px;}

#cont_index{clear:both;width:1006px;height:284px; background:url(content_index_bg.jpg) no-repeat;margin:0 auto;margin-bottom:40px;}

#news_index{float:left;width:365px;height:236px;margin-left:7px;margin-top:41px;}
.news_index_top{width:324px;height:20px;margin-top:25px;font-size:14px;font-weight:bold;line-height:20px;margin-left:4px;}
.news_index_top p{float:left;color:#333333;}
.news_index_top span{color:#ff3400;padding-left:1em;}
.news_index_top img{float:right;margin-top:6px;}

.news_index_b{height:130px;margin-top:25px;margin-left:4px;}
.news_index_list{}
.news_index_list li{height:17px;background:url(news_list_dot_13.jpg) no-repeat;color:#666666;padding-left:8px;margin-bottom:6px;}
.news_index_list li a{display: block; line-height: 17px; height: 17px; overflow: hidden; padding-right:30px;}
.news_index_date{float:right;width:58px;height:130px;color:#1b4c98;}
.news_index_date li{width:58px;height:17px;padding-left:8px;margin-bottom:6px;}
.news_index_list span{float:right; margin-right:10px;}
#tech_index{float:left;width:325px;height:236px;margin-left:1px;margin-top:41px;}
.tech_index_top{width:266px;height:20px;margin-top:25px;font-size:14px;font-weight:bold;line-height:20px;margin-left:28px;}
.tech_index_top p{float:left;color:#333333;}
.tech_index_top span{color:#ff3400;padding-left:1em;}
.tech_index_top img{float:right;margin-top:6px;}
.tech_index_b{width:266px;height:132px; background:url(tech_index_13.jpg) no-repeat;margin:0 auto;margin-top:20px;}

#contact_index{float:left;width:302px;height:277px;margin-left:1px;}
.contact_index_top{width:166px;height:20px;font-size:14px;/*font-weight:bold;*/line-height:20px;margin:0 auto;20px;margin-top:10px;text-align:center;}
.contact_index_top p{color:#fff;}
.contact_index_top span{color:#ff3300;padding-left:1em;}
.contact_index_b dl{font-size:14px;color:#313131;width:210px;height:48px;margin:0 auto;margin-top:19px;}
.contact_index_b dt{width:210px;height:18px; background:url(mobile_config_13.jpg) no-repeat;padding-left:26px;margin-bottom:7px;}
.contact_index_b dd{width:210px;height:18px; background:url(gps_config_16.jpg) no-repeat 0px 3px; ;;padding-left:26px;}

.contact_index_mt{width:242px;margin:0 auto;}
.contact_index_mt table td input{height:30px;margin-right:8px; margin-bottom:8px;font-size:14px;color:#989898;font-style:italic;font-family:"Microsoft YaHei";/*font-weight:bold;*/padding-left:4px; border-radius:8px; background:#dcdcdc; border:none;}
.contact_index_advice{display:block;font-size:14px;color:#989898;font-style:italic;font-family:"Microsoft YaHei";/*font-weight:bold;*/padding-left:4px; border-radius:8px; background:#dcdcdc;margin:0 auto;margin-top:5px; border:none; height:60px;}
.contact_index_button{float:right;width:71px;height:24px;margin-top:5px;margin-right:-5px;}

#foot_index_bg{clear:both;width:100%; background:url(foot_index_bg_07.jpg) repeat-x #ebebeb; overflow:hidden;}
#foot_index{width:1000px;height:57px;margin:0 auto;overflow:hidden;}
#foot_index ul{float:left;font-size:14px;text-align:center;/*line-height:50px;*/color:#818181;}
#foot_index li{float:left;width:122px;height:18px;/* background:url(style/foot_li_bg_10.jpg)  no-repeat;*/margin-top:22px;}
#foot_index a{display:block;float:left;width:122px;height:18px;}
#foot_index span{float:right;font-size:18px;color:#676767;margin-top:20px;}
#foot_index_bg p{font-size:14px;color:#676767;text-align:center;line-height:24px;margin:0 auto;}




#contents{ clear:both; width:100%; overflow:hidden; padding-top:12px; }
.main{ width:1000px; margin:0 auto;}
#contents .left{ width:220px; float:left; border:none;}
.prolist{ padding-bottom:36px; overflow:hidden;}
.prolist h2{ background:url(product_title_bg.jpg) no-repeat; width:220px; height:72px; line-height:54px; color:#fff; text-indent:21px;}
.prolist li{ width:220px; line-height:46px; background:url(prolist_li_bg.jpg) no-repeat; height:auto; }
.prolist li a{text-indent:21px; height:46px; line-height:46px; width:220px; display:block;color:#000; }
.prolist li a:hover{ color:#fff; background:#b60000; }
.level{ padding-left:20px;}
.contactL{ text-align:center; font-family:"宋体"; font-size:12px; color:#4b4b4b;width:220px; margin-bottom:61px;}
.titlel{ background:url(contact_title_bg.jpg) no-repeat; width:220px; height:55px; clear:both; font-size:20px; color:#FFF; text-align:left; line-height:55px; text-indent:21px;}
.tel_left{ font-family:Impact; font-size:25.43px; color:#c42715;}
.title_left{ border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; width:218px; padding-top:20px; line-height:27px; padding-bottom:20px;}
.title_left img { padding-bottom:20px;}



#contents .right{width:737px;float:right; border:1px solid #e8e8e8; margin-bottom:20px;}
#contents .right ul{ padding-top:20px;}
.title_in{clear:both; background:url(title_in_bg.jpg) no-repeat left bottom; height:67px; line-height:67px; }
.title_in h4,.title_in h2{ font-size:16px; color:#0a090e; text-indent:16px; background:#fafafa; line-height:67px;}
.title_in .position,.title_in .pos{ float:right; padding-right:15px;}

.product{ width:737px; }
.imglist { width:720px; margin:0 auto; clear:both;}
.imglist li { width:165px; height:190px; margin:0px 6px 0px 8px; float:left; text-align:center; margin-bottom:10px;}
.imglist li a { display:block; float:left;text-align:center;}
.imglist li a p {line-height:22px; }
.imglist li a img {border:1px solid #d6d6d6; margin-bottom:5px;}

.news{ width:737px;padding-bottom:20px;}
.news ul{ padding-bottom:20px;}
.news li{ line-height:40px;  background:url(news_a_bg.jpg) no-repeat 15px -12px;}
.news li a{ display:block;  height:40px; line-height:40px; text-indent:18px; width:706px; padding-left:18px; overflow:hidden;}
.news li a:hover .date{ color:#1e5d9e;}
.news li a:hover { color:#1e5d9e;}
.news .date{ float:right; padding:0; margin:0;}

.nr_table {margin-bottom: 10px;}
.LeftBotton { float: left; background: url(LeftBotton.jpg) no-repeat left center; width: 45px;height: 80px;display: block;}
.rightBotton {float: right;background: url(rightBotton.jpg) no-repeat right center;width: 45px;height: 80px;display: block;}
.imgcenter{text-align:center; display:block; margin:0px auto;}

.page{clear:both; float:right; padding-bottom:15px; padding-right:10px;}
.page a{ margin-left:20px;}

.h1title{ height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:20px;} 
.content_in{ line-height:22px; text-align:left; padding:20px;}
#title_extra{ text-align:center; height:25px; margin:0 auto; line-height:50px;}
.des{ text-align:center; height:35px; line-height:35px;}
#up_down{ text-align:center; line-height:35px; margin-top:20px;}
#up_down a{color:#3e3431;}
#related_product { margin-top:35px;}

.content_in{}
.content_in table{ width:100%; text-align:center;}
#names{ width:100%; height:35px; line-height:35px; margin-bottom:15px;}
#tels{ width:100%; height:35px; line-height:35px; margin-bottom:15px;}
#mail{ width:100%; height:35px; line-height:35px; margin-bottom:15px;}
#conters{ width:100%; height:100px; line-height:35px; margin-bottom:15px;}
.zxlytj_ny{ width:150px; height:45px; font-size:16px; color:#FFF; background:#FC0; margin:0 auto;}


.page ul{
    display: flex;
    justify-content: center;
    align-items: center;
}



.lXPopup-btn1 {
    width: 110px;
    height: 30px;
    border-radius: 30px;
    border: 0;
    outline: 0;
    background-color: #029fe6;
    line-height: 2;
    color: #fff;
    cursor: pointer;

}

.right-fixed.right-fixed{
  --fixed-theme-color:rgba(0,0,0,0.59);
  --form-theme-color: #029fe6;
  --li-hover-color: #029fe6;
}
/*在线咨询不透明*/
.right-fixed-ul .fixed-Consulting .qq-ground.qq-ground{ 
 --fixed-theme-color:#029fe6;
}

.right-fixed-ul .fixed-form .submit.submit { background-color: #fff;}

.swiper-slide img{ max-width:100%;}

/* mobile_footer */
.mobile_footer { position: fixed; z-index: 520; bottom: 0; left: 0; right: 0; display:none; }

.mobile_footer ul { display: flex; justify-content: space-between; margin-bottom:0px; }

.mobile_footer ul li { padding: 7px 5px; background-color: #337fe5; }

.mobile_footer ul li:nth-child(3) i.iconfont { transform: translateY(-2px); }

.mobile_footer ul li a { color: #fff; display: flex; align-items: center; justify-content: center; line-height:30px; }

.mobile_footer ul li a i.iconfont { font-size: 21px; color: #fff; }

.mobile_footer ul li a span { font-size: 16px; margin-left: 5px; color: #fff; }
.row{ margin:0px;}

@media (max-width: 768px) {  
.mobile_footer{ display:block;}

}

.about{ clear:both; text-align:center;}


@media (max-width: 1020px) {  
.head_index{ width:100%;}
#nav{ width:100%;}
#pro_c{ width:100%; height:auto;}
#pro_c ul{ width:100%; padding-left:0px;height:auto; overflow:hidden;}
#pro_c li{ width:10%;height:auto;}
#pro_c li img{ max-width:100%; height:auto;}
#pro_c a{ width:100%;}
#pro_show{ width:100%;display: flex;flex-wrap: wrap; height:auto;}
#pro_show dl{ width:24%; margin:0.5%;height:auto;}
#pro_show dt{ width:100%; height:auto;}
#pro_show dl img{ max-width:100%; height:auto;}
#pro_show dd{ width:100%; overflow:hidden;}
#pro_show dd a{ display:block; overflow:hidden; height:44px; }
#cont_index{ width:100%; background-size:100% 100%;}
#news_index{ width:36.5%; margin-left:0.5%;}
#tech_index{ width:32.5%;}
#contact_index{ width:30%;}
.tech_index_top{ width:auto; margin-left:10px;}
#tech_index img{ max-width:100%;}
.tech_index_b{ max-width:100%; width:auto;}
.contact_index_mt{ max-width:100%;}
.news_index_top{ width:auto; }
#foot_index{ width:100%;}
#foot_index ul{ width:70%;}
#foot_index li{ width:20%;}
.main{ width:100%;}
#contents .left{ width:24%;}
#contents .right{ width:75%;}
.prolist li a{ width:100%;}
.prolist li{ width:100%; background-size:100% 100%;}
.prolist h2{ width:100%; background-size:100% 100%;}
.titlel{ width:100%; background-size:100% 100%;}
.contactL{ width:100%;}
.title_left{ width:100%;}
.news{ width:100%;}
.news li a{ width:100%;}
.content_in img{ max-width:100%; height:auto; }
.imglist{ width:100%;}
.product{ width:100%;}
.imglist{display: flex;flex-wrap: wrap;}
.imglist li{width:24%; margin:0.5%;height:auto;}
.imglist li img{ width:100%; height:auto;}
.imgcenter{ max-width:100%;}


}

@media (max-width: 991px) {  
#head_index_bg{ display:none;}
#nav{ display:none;}
.none992{ height:60px;}
.news_index_list span{ margin-right:10px;}
#banner{ display:none;}
}

@media (max-width: 767px) {  
#pro_c li{ width:20%;}
#pro_show dl{ width:32%; margin:0.6%;}
#news_index{ width:50%; margin-left:0%;}
#tech_index{ width:50%;margin-left:0%;}
#contact_index{ display:none;}
#cont_index{ background:none;}
#foot_index{ display:none;}
#contents .left{ display:none;  }
#contents .right{ width:100%;}
.imglist li{ width:32%; margin:0.6%;}


}

@media (max-width: 550px) {  
#news_index{ width:100%; margin-left:0%;}
#tech_index{ display:none;  }
#foot_index_bg p{ width:96%; }
.title_in .position, .title_in .pos{ float:none; padding-right:0px;}
.title_in{ height:auto; overflow:hidden; }

}


@media (max-width: 425px) {  
#pro_c li{ width:33.3%;}
#pro_show dl{ width:48%; margin:1%;}
.content_in{ padding:10px; }
.imglist li{ width:48%; margin:1%;}

}